<template>
	<div class="w-full flex items-center" :class="$attrs">
		<div class="flex items-center gap-x-1">
			<div class="w-[16px] h-[16px]">
				<el-image :src="icon" />
			</div>
			<span class="text-lg text-[#1890ff]">{{ title }}</span>
		</div>
		<slot name="action" />
	</div>
</template>

<script setup lang="ts">
import icon from '/@/assets/end/1.png';
defineProps({
	title: {
		type: String,
		default: '',
	},
});
</script>

<style lang="scss" scoped>
@import '/@/theme/mixins/index.scss';
.ellipsis {
	@include text-ellipsis(1);
}
</style>
